.home{
        .banner{
                position: relative;
                height: 0;
                left: 0;
                overflow: hidden;
                padding-bottom: 100px;
                .path-redirect-wrapper{
                        position: relative;
                        height: 0;
                        padding-bottom: 100px;
                        overflow: hidden;
                        img{
                                width: 100%;
                                height: auto;
                        }
                }
        }
        .header{
                display: flex;
                padding: 0 13px;
                margin: 6px 0;
                height: 32px;
               .header-container{
                       display: flex;
                       flex: 1;
                       border-radius: 6px;
                       background: #ffffff;
                       overflow: hidden;
                       .map-slider{
                               color: #4A4A4A;
                               line-height: 18px;
                               margin: 7px  0;
                               padding: 0 21px 0 7px;
                               font-size: 15px;
                               width: 30px;
                               border-right: 1px solid #dddddd;
                       }
                       .input-wrapper{
                               flex: 1;
                               font-size: 0;
                               position: relative;
                               input{
                                       position: absolute;
                                       top: 0;
                                       left: 0;
                                       height: 32px;
                                       width: 100%;
                                       font-size: 14px;
                                       outline: none;
                                       border: none;
                                       padding-left: 32px;
                                       background: url("../../assets/picture/bg-search@2x.png") no-repeat 4px center/22px auto ;
                                       &::placeholder{
                                               font-size: 13px;
                                               color: #BCBCBC;
                                       }
                               }
                       }
               }
               .rating-btn{
                       flex: 0 0 37px;
                       background: url('../../assets/picture/bg-rating@2x.png')no-repeat 12px center/25px auto;
               }
        }
        .redirect-btn-group{
                display: flex;
                justify-content: left;
                flex-direction: row;
                flex-wrap: wrap;
                margin: 0 -16px;
                .redirect-btn-item{
                        flex: 0 0 25%;
                        text-align: center;
                        .icon-wrapper{
                                width: 44px;
                                font-size: 0;
                                margin: 0 auto;
                                border-radius: 22px;
                                overflow: hidden;
                                img{
                                        width: 44px;
                                        height: 44px;
                                }
                        }
                        .label{
                                line-height: 24px;
                                font-size: 12px;
                        }
                }
        }
}
